// 面板部分
.panel {
    margin-top: .1rem;
    padding: 0 .2rem;
    box-sizing: border-box;
}

// 内容
.list {
    background-color: #fff;
    padding: 0 .12rem;
    box-sizing: border-box;
}

// 标题
.list-title {
    padding-top: .12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .blod {
        font-size: .3rem;
        font-weight: 700;
        color: #333;
    }
    .small {
        font-size: .24rem;
        color: rgb(126, 126, 126);
    }
}

// 商品部分
.shopping {
    display: flex;
    align-items: center;
    justify-content: space-between;
    // 商品左边部分
    .shopping-left {
        width: calc(50% - 0.14rem);
        padding-top: .16rem;
        padding-bottom: .2rem;
        padding-left: .24rem;
        margin-right: .14rem;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: column;
        // flex-grow: 1;
    }
    // 商品右边部分
    .shopping-right {
        flex-grow: 1;
    }
}

// 商品左边部分
.shopping-left {
    .small {
        font-size: 0.2rem;
    }
}

.time {
    width: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    // justify-content: center;
    .time-left {
        padding-left: .04rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .time-right {
        padding-left: .4rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.time-right {
    font-size: .22rem;
    color: #333;
    .black {
        display: inline-block;
        width: 0.24rem;
        height: 0.24rem;
        line-height: .24rem;
        text-align: center;
        font-size: .2rem;
        color: #fffefe;
        background-color: #333;
    }
}

.shop {
    padding-top: .1rem;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    .shop-left {
        width: 33.33333%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .shop-center {
        width: 33.33333%;
        flex-grow: 1;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .shop-right {
        width: 33.33333%;
        flex-grow: 1;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

.shop-left {
    img {
        margin-bottom: .03rem;
        display: block;
        width: .66rem;
        height: .9rem;
    }
}

.shop-center {
    img {
        margin-top: .26rem;
        margin-bottom: .12rem;
        display: block;
        width: .86rem;
        height: .54rem;
    }
}

.shop-right {
    img {
        margin-top: .16rem;
        margin-bottom: .1rem;
        display: block;
        width: .9rem;
        height: .66rem;
    }
}

.rbg {
    padding: 0 .06rem;
    display: inline-block;
    font-size: .2rem;
    border-radius: .04rem;
    color: #fff;
    background-color: #ff5653;
}

.red {
    font-size: .22rem;
    color: #fb5960;
}

// 商品右边部分
.shopping-right {
    padding: 0.16rem.3rem .08rem .2rem;
    display: flex;
    flex-direction: column;
    .eat {
        display: flex;
        justify-content: space-around;
        padding-top: .06rem;
        padding-bottom: .06rem;
        box-sizing: border-box;
        // align-items: center;
        // flex-grow: 1;
    }
    .infant {
        display: flex;
        justify-content: space-around;
        padding-top: .06rem;
        padding-bottom: .06rem;
        box-sizing: border-box;
    }
}

.fruits {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
        display: block;
        width: 0.86rem;
        height: .82rem;
    }
}

.food {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
        display: block;
        width: 0.8rem;
        height: .76rem;
    }
}

.baby {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
        display: block;
        width: 0.78rem;
        height: .74rem;
    }
}

.powder {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
        display: block;
        width: 0.78rem;
        height: .74rem;
    }
}

.milk-powder {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
        margin-top: .08rem;
        display: block;
        width: 0.5rem;
        height: .74rem;
    }
}

.list-bottom {
    border-top: .01rem solid #e6e6e6;
    margin-top: .12rem;
    // padding: ;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .clothes {
        padding: .12rem .38rem .06rem;
        height: 1.44rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cosmetics {
        padding: .0 .27rem .0rem .48rem;
        height: 1.44rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }
    .techno {
        padding: .0 .27rem .0rem .48rem;
        height: 1.44rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }
    .electrical {
        padding: .0 .27rem .0rem .48rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.clothes {
    strong {
        white-space: nowrap;
        font-size: .26rem;
        color: #333;
    }
    .small {
        white-space: nowrap;
        font-size: .2rem;
    }
    img {
        display: block;
        width: 0.44rem;
        height: .68rem;
    }
}

.cosmetics {
    strong {
        white-space: nowrap;
        font-size: .26rem;
        color: #333;
    }
    .small {
        white-space: nowrap;
        font-size: .2rem;
    }
    img {
        margin-top: .08rem;
        margin-bottom: -0.08rem;
        display: block;
        width: 0.48rem;
        height: .68rem;
    }
}

.techno {
    strong {
        white-space: nowrap;
        font-size: .26rem;
        color: #333;
    }
    .small {
        white-space: nowrap;
        font-size: .2rem;
    }
    img {
        margin-top: .12rem;
        margin-bottom: .06rem;
        display: block;
        width: 0.88rem;
        height: .68rem;
    }
}

.electrical {
    strong {
        white-space: nowrap;
        font-size: .26rem;
        color: #333;
    }
    .small {
        white-space: nowrap;
        font-size: .2rem;
    }
    img {
        margin-top: .06rem;
        margin-bottom: .08rem;
        display: block;
        width: 0.4rem;
        height: .66rem;
    }
}

// 领取红包部分
.ad {
    margin-top: .02rem;
    margin-bottom: .02rem;
    padding-top: .2rem;
    padding-bottom: .22rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    a {
        width: 7.1rem;
        height: 1.54rem;
        display: flex;
        align-items: center;
        img {
            display: block;
            width: 7.1rem;
            height: 1.54rem;
        }
    }
}

//美食部分